<template>
  <div class="big-data-screen">
    <onPage @swithPage="swithPage" v-if="pageShow"/>
    <twoPage :id="parkId" @swithPage="swithPage" v-if="!pageShow"/>
  </div>
</template>

<script>
  import onPage from './onePage/index.vue'
  import twoPage from './twoPage/index.vue'

  export default {
    name: 'big-data-screen',
    components: {
      onPage,
      twoPage
    },
    data() {
      return {
        pageShow: true,
        parkId: null
      }
    },
    mounted() {

    },
    methods: {
      swithPage(id) {
        this.pageShow = id == true ? true : false;
        this.parkId = id;
      }
    }
  }
</script>

<style scoped>
  .big-data-screen {
    background-image: url('../../assets/newBigDataSourceImage/background-image.png');
    background-size: cover;
    height: 100%;
    min-height: 700px;
    min-width: 1220px;
    padding: 0;
  }

</style>
